<script type="text/javascript">

    $(document).ready(function() {
        $('#multi_add').hide();
        $('#txt_mssv').focus();
    });
    
    function ktraMssv(value)
    {
        $('#check').html('<img src="../image/source/loading.gif" />');        
        
        $.ajax({
            url: "quanlysv/ajax_add.php",
            type: "POST",
            data: {action: 'check_mssv', mssv: value},
            success: function(result){
                $('#check').html(result);
            }
        })
    }
    function them_sv(value)
    {
        var g_tinh = $("input:checked").val();
        //alert(g_tinh);  
        
        if($('#txt_mssv').val() == '' || $('#txt_hoten').val() == '' || $('#txt_ngaysinh').val() == '' ||
        $('#txt_khoahoc').val() == '')
        {
            $('#error_msg').html("Nhập đầy đủ thông tin yêu cầu");
        }
        else    
        {
            $('#error_msg').html("");
            
            $.ajax({
                url: "quanlysv/ajax_add.php",
                type: "POST",
                data: {
                    action: 'add_sv', 
                    ngaysinh: $('#txt_ngaysinh').val(),
                    mssv: value, 
                    hoten: $('#txt_hoten').val(),
                    khoa: $('#sel_khoa').val(), 
                    khoahoc: $('#txt_khoahoc').val(),
                    gioitinh: g_tinh
                },
                success: function(result){
                    alert(result);
                    
                    $('#txt_mssv').val('');
                    $('#txt_hoten').val('');
                    $('#txt_ngaysinh').val('');
                    $('#txt_khoahoc').val('');
                    g_tinh
                }
            });
        }  
    }
    
</script>

<div id="function">
    THÊM SINH VIÊN
</div>
<div id="left">
    <a><div id="button_single" class="button" onclick="$('#single_add').show('slow'); $('#multi_add').hide(); reset()">
        Thêm một SV</div></a>
    <a><div id="button_multi" class="button" onclick="$('#single_add').hide(); $('#multi_add').show('slow'); reset()">
        Thêm nhiều SV</div></a>
</div>

<style>
.labelw{width: 120px; }
.input{width: 180px; }
.check{width: 160px; }
</style>

<div id="function_content" style="margin-left: 100px; width: 600px; float: left;">
    <div id="single_add">
        <form name="them_SV" method="POST" id="my_form1" action="">
            <center><table>
                <tr>
                    <td class="labelw">Nhập MSSV:</td>
                    <td class="input">
                        <input type="text" name="mssv" id="txt_mssv" onkeyup="ktraMssv(this.value)" />
                        <span style="color: red;">*</span>
                    </td>
                    <td class="check" id="check" style="width: 150px;"></td>
                </tr>
                
                <tr>
                    <td>Nhập họ và tên:</td>
                    <td><input type="text" name="hoten" id="txt_hoten" />
                        <span style="color: red;">*</span>
                    </td>
                </tr>
                
                <tr>
                    <td>Giới tính</td>
                    <td>
                        Nam:<input type="radio" name="gioitinh" id="nam" value="0" checked="true" />
                        Nữ:<input type="radio" name="gioitinh" id="nu" value="1" />
                    </td>
                </tr>
                
                <tr>
                    <td>Ngày sinh</td>
                    <td><input type="text" name="ngay" id="txt_ngaysinh" />
                        <span style="color: red;">*</span>
                    </td>
                </tr>
                      
                <tr>
                    <td>Khoa</td>
                    <td>
                        <select name="khoa" id="sel_khoa">
                            <option value="NT">Mạng máy tính</option>
                            <option value="CE">Kỹ thuật máy tính</option>
                            <option value="SE">Công nghệ phần mềm</option>
                            <option value="IS">Hệ thống thông tin</option>
                            <option value="CS">Khoa học máy tính</option>
                        </select>
                        <span style="color: red;">*</span>
                    </td>
                </tr>
                
                <tr>
                    <td>Khóa học</td>
                    <td><input type="text" name="khoahoc" id="txt_khoahoc"/>
                        <span style="color: red;">*</span>
                    </td>
                </tr>            
                
                <tr>
                    <td colspan="2"><i><span id="error_msg" style="color: red;"></span></i></td>
                </tr>
                
                <tr><td>&nbsp;</td></tr>                
                
                <tr>
                    <td></td>
                    
                </tr>
            </table></center>            
            
        </form>
        <center><button onclick="them_sv($('#txt_mssv').val())">Thêm</button></center>
    </div>
    
    <div id="multi_add">
        <a href="../Excel_process/uploadFile_form.php">php excel moudule</a>
    </div>
</div>

<div id="result" style="background: #fff; width: 200px; float: right;"></div>


<?php
    
?>